.header {
    width: 100%;
    height: 15rem;
    background: url('./image/b-4.png') center no-repeat;
    background-color: #001529;
    padding: 2rem 2rem;
    .main {
        display: flex;
        justify-content: space-between;
        color: rgb(231, 231, 231);
        .left {
            >div {
                color: rgb(231, 231, 231);
                font-size: 1.5rem;
                padding-left: 3.5rem;
                height: 3rem;
                line-height: 3rem;
                background: url('./image/favicon.png') left no-repeat;
            }
            >label:hover {
                color: #fff;
            }
        }
        .right {
            >a {
                text-decoration: none;
                >label {
                    color: rgb(231, 231, 231);
                    font-size: 1rem;
                    line-height: 3rem;
                }
                >label:hover {
                    color: #fff;
                }
            }
        }
    }
    .searchBox {
        margin: 3rem auto;
        >span {
            >input {
                opacity: 0.5;
            }
            >input:focus {
                opacity: 0.9;
                box-shadow: 0 0 5px #cdcecf;
            }
        }
    }
}

@media screen and (min-width:1200px) {
    .header {
        padding: 2rem 23rem;
    }
}